<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        h1 {
            /*当文字的行高= 盒子的高度的时候，盒子中的文字可以垂直居中对齐*/
            height: 80px;
            line-height: 80px;
            /*设置文字水平居中对齐*/
            text-align:center;
            background:pink;
        }
        p {
            color: #222;
            font-size: 18px;
            /*font-family 设置网页中元素所使用的字体*/
            font-family: "宋体",Arial ,"黑体";
            line-height: 28px;
            /*设置段落文字首行缩进 2个字的距离， 1em= 1个字的大小（font-size）*/
            text-indent:2em;
        }
    </style>
</head>
<body>
    <h1>我是标题，我需要让文字垂直居中</h1>
    <p>我是一个段落标签</p>
<p>设置段落行高， 行高属性的值一般都带有单位，只有少数情况会设置百分比以及不带单位
    例如: p {line-height:20px} 设置所有段落的行高为20px
    利用设置网页中的文字垂直居中：
    div { height:50px; line-height:50px; }当行高和盒子高度设置一样的时候，盒子中的文字会垂直居中</p>
</body>
</html>